/* .sub-nav-dot{display: flex; flex-wrap: wrap; width: 8px; justify-content: space-between; height: 17px;}

.sub-nav-dot span{display: inline-block; width: 50%; position: relative;}

.sub-nav-dot span::after{width: 2px; height: 2px; background: #C3C4C4;  position: absolute; content: '';z-index: 2;} */

.common-more{ width: 1.88rem ; height: .48rem; line-height: .48rem;border: 1px solid #009933; position: relative;  box-sizing: border-box;transition: all .3s; z-index: 2; padding-left: .14rem;}

.common-more p{font-size: 14px;color: #009933;font-family: "FuturaBook";transition: all .3s; position: relative;z-index: 3; display: flex; align-items: center;}

.common-more p img{ width: .23rem; margin-right: 6px;}

.common-more::before{position: absolute; content: ''; width: 0; height: 100%; background: #009933; opacity: 0; transition: all .3s; left: 0; top: 0;}

.common-more::after{position: absolute; content: ''; width: 7px; height: 7px; border-bottom: 2px solid #009933; border-right: 2px solid #009933; transition: all .3s;  right: 11px; bottom: 11px;}

.common-more:hover::before{ width: 100%; opacity: 1;}

.common-more:hover p{color: #ffffff;}

.common-more:hover::after{border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;}

.more-bg-green{background: #009933 !important;}



.common-more i {

  position: absolute;

  right: -5px;

  bottom: -20px;

  width: 40px;

  height: 40px;

  background: rgba(255, 255, 255, 1);

  z-index: 11;

  display: block;

  border-radius: 50%;

  transform: scale(1);

  opacity: 0;

}

.common-more i:nth-child(2) {

  transform: scale(2);

}

.common-more i:nth-child(3) {

  transform: scale(3);

}



.common-more:hover{

    text-align: center;

    color: #fff;

    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);

}



.common-more:hover i:nth-child(4){

  -webkit-animation: sxxs1 1s .3s linear infinite;

  -moz-animation: sxxs1 1s .3s linear infinite;

}

.common-more:hover i:nth-child(5){

  -webkit-animation: sxxs1 1s .6s linear infinite;

  -moz-animation: sxxs1 1s .6s linear infinite;

}

.common-more:hover i:nth-child(6){

  -webkit-animation: sxxs1 1s 1s linear infinite;

  -moz-animation: sxxs1 1s 1s linear infinite;

}

@keyframes sxxs1{

  0% {

    -webkit-transform: scale(0);

    opacity: .3;

  }

100% {

  -webkit-transform: scale(10);

  opacity: 0;

  }

}

/* 首页大标题样式 */

.ind-title h5{ font-size: .68rem;font-family: "DINBlackItalic";color: #009933;line-height: .8rem;text-transform: uppercase;}

.ind-title p{ font-size: .28rem;font-weight: 500;color: #444444;line-height: .4rem;letter-spacing: 2px;}

.ind-title-martop36{margin-top: .36rem;}

.ind-title-martop24{margin-top: .24rem;}



.news-more-box{ position: relative;width: .36rem; height: .36rem;   display: inline-block; opacity: 1;border-radius: 50%; border: 1px solid rgba(136, 136, 136, 1);}

.news-more-box::before{position: absolute; content: '';  left: 50%;top:50% ; width: .1rem; height: .1rem; border-top: 1px solid rgba(136, 136, 136, 1);  transform: rotate(45deg);  margin-top: -.05rem;margin-left: -.1rem;z-index: 99;}

.news-more-box::after{position: absolute; content: ''; top: 50%; width: .36rem; height: 1px; background:  rgba(136, 136, 136, 1);  left: -.18rem; }

/* 左右切换公用样式 */

.swiper-button-next, .swiper-button-prev{width: 65px !important;height: 35px  !important; border-radius:.3rem ; border: 1px solid rgba(255,255,255,0.83); background: none !important; top: .3rem; }

.swiper-button-next::before,.swiper-button-prev::before{ position: absolute; content: ''; width: 18px; height: 1px; background: #fff; top: 50%; left: 50%; margin-left: -9px; margin-top: -0.05px;}

.swiper-button-next::after, .swiper-button-prev::after{ position: absolute; content: ''; width: 8px; height: 8px; border-bottom: 1px solid #fff;border-left: 1px solid #fff; top: 50%; left: 50%; margin-top: -4px;}

.swiper-button-next::after{transform: rotate(-135deg); margin-left: -0px; }

.swiper-button-prev::after{transform: rotate(45deg); margin-left: -8px;}

.swiper-button-next:hover,.swiper-button-prev:hover{background: #009933 !important; border: 1px solid #009933;}

.swiper-button-next:hover::before,.swiper-button-prev:hover::before{  background: #fff; }

.swiper-button-next:hover::after,.swiper-button-prev:hover::after{  border-bottom: 1px solid #fff;border-left: 1px solid #fff; }



.weui-flex-warp{display: flex; }





/*  */

header{height: 106px;position: fixed;top: 0;left: 0; right: 0; z-index: 999;  transition: all 0.3s ease-in-out;display: flex;align-items: center; padding: 0 .6rem 0 .52rem;justify-content: space-between;  }

.logo{ width: 2rem;  overflow: hidden; height: 30px; position: relative;}

.logo img{position: absolute; left: 0; top: 0; width: 100%; z-index: 999; }

.logo img:nth-child(1){opacity: 1; transition: all .3s;}

.logo img:nth-child(2){opacity: 0; transition: all .3s;}

.header-nav{display: flex;justify-content: flex-end;align-items: center;height: 106px; flex: 1;}

.header-nav ul{list-style: none;padding-left: 0; margin-bottom: 0;}

.header-nav ul,.header-nav ul li{display: flex;justify-content: center;align-items: center;height: 100%;}

.header-nav ul li{ background: transparent;  transition: all 0.3s ease-in-out;}

.header-nav ul li >a{font-size: 14px;

  border: 2px solid transparent;

  border-radius: 17px;

  padding:6px  19px;
  margin-right: .15rem;

  position: relative;font-weight: 400;

  color: #ffffff;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;}

  .sub-nav{

    position: absolute;

    left: 0;

    right: 0;

    visibility: hidden;

    /* pointer-events: none; */

    top: 106px;

    opacity: 0;

    width: 100vw;

    background: rgba(241,241,241,0.97);

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    justify-content: space-between;



    box-shadow: 0 4px 5px rgb(0 0 0 / 10%);

  }

  .sub-nav .sub-nav-left{width: 45%; }

  .sub-nav .sub-nav-right{width: 55%; padding: .65rem .75rem 0 .75rem ;}

  .sub-nav-right h5{font-size: .28rem;font-weight: 400;color: #333333;line-height: .4rem; margin-bottom: .5rem;}

  .sub-nav .sub-nav-right .nav-item{

   

    min-width: 120px;

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    width: 100%;

  }

  

  .sub-nav .nav-item a{padding: 16px 15px 20px;display: flex; background: transparent;font-size: 16px;font-weight: 400;color: #777777;line-height: 22px;

    align-items: center;transition: all .5s; width: 33.333%; margin-bottom: .58rem;}

  .sub-nav .nav-item a .sub-nav-dot{margin-right: .12rem;}



  .sub-nav .nav-item a:hover{ color: #D70918;}

  .sub-nav .nav-item a:hover .sub-nav-dot span::after{ background: #D70918;}

  .header-right {

    display: flex;

    align-items: center;

    transition: all .3s;



}

.header-search{

  width: 0.18rem;

  height: 0.18rem;

  transition: all .3s ease;

  overflow: hidden;

  margin-left: 1.4vw;

  position: relative;

 

}

.header-search img {

  position: absolute;

  width: 0.18rem;

  cursor: pointer;

  transition: all .3s ease;

}

.header-search img:nth-child(1){opacity: 1; }

.header-search img:nth-child(2){opacity: 0;}

.header-search input{background: transparent; width:60px ; margin-right: .1rem; height: 20px; line-height: 20px;  color: #fff;}





.sub-nav.on{visibility: visible; opacity: 1;}

 .nav-icon {

  display: block;

  position: absolute;

  right: 15px;

  top: 50%;

  margin-top: -7px;

}

 .nav-icon span {

  display: block;

  width: 22px;

  height: 2px;

  background: #fff;

  border-radius: 2px;

  transition: all .3s linear;

}

 .nav-icon span:not(:first-child) {

  margin-top: 4px;

}

 .nav-icon.on span:nth-of-type(1) {

  -webkit-transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

  transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

}

 .nav-icon.on span:nth-of-type(2) {

  width: 0;

}

 .nav-icon.on span:nth-of-type(3) {

  -webkit-transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

  transform: matrix(1,0,0,1,0,-6) rotate(

-45deg

);

}

header.active{background: #fff;box-shadow: 0 4px 5px rgb(0 0 0 / 10%)}

header.active .logo img:nth-child(2),header.active .header-search img:nth-child(2){opacity: 1;}

header.active .logo img:nth-child(1),header.active .header-search img:nth-child(1){opacity: 0;}



header.active .header-nav  ul li >a{ color: #333333;}

header .header-nav ul li.on >a,header .header-nav ul li.active >a,header.active .header-nav ul li.on >a,header.active .header-nav ul li.active >a{color: #009933;border: 2px solid #009933;}

/* 索搜框 */

.search-box{

  position: fixed;

    height: 1rem;

    background: #fff;

    top: 0;

    left: 0;

    right: 0;

    height: .89rem;

    z-index: 999;

    padding: 0 23%;

    display: flex;

    opacity: 0;

    justify-content: center;

    align-items: center;

    transform: translateY(-100%);

    cursor: pointer;

    transition: all .5s ease;

}

.search-close {

  display: flex; 

  align-items: center;

  width: .22rem;

  margin-left: 13.8vw;

  cursor: pointer;

  transition: all .3s ease;

}

.search-box >input{border-bottom: 1px solid #d7d7d7;width: 4rem;height: 50px;}

.search-box > img {width: 36px; height: 36px;}

.search-close:hover{transform: rotate(180deg);}

.search-box.on{transform: translateY(0%); opacity: 1;}

header.active .nav-icon span{background: #009933;}

/* 轮播图 */

#section0{position: relative;}

#section0 .swiper-slide{background-color: #efefef; overflow: hidden;}

#section0 .swiper-slide video{object-fit: cover; width: 100%; height: 100%;}

#section0 .swiper-container{height: 100vh;position: relative ;}

#section0 .images{height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.banner-txt{position: absolute; top: 4rem; left: 1.5rem; }

.banner-txt1{color: #FFFFFF; font-size: 0.5rem; line-height: 0.81rem;font-weight: 600;letter-spacing: 5px;}

.banner-txt2{color: #FFFFFF; font-size: 0.20rem; line-height: 0.34rem; margin-top: .23rem; letter-spacing: 5px;font-family: "DINBlackItalic";text-transform: uppercase;}





/* 轮播左右切换键 */

#section0 .swiper-button-next,#section0 .swiper-button-prev{top: 92vh; }

#section0 .swiper-button-next{right: .6rem;}

#section0 .swiper-button-prev{left: unset; right: 1.48rem;}



#section0 .swiper-button-next:hover,#section0 .swiper-button-prev:hover{ border: 1px solid #009933;}

.page-svg{left: .5rem; top: 90vh;z-index: 3; margin-left: -18px; margin-top: -18px;width:36px; height: 36px;   z-index: 5; display: flex; }

.svg-bg-box {width:34px; height: 34px;

  border: 1px solid rgba(255,255,255,0.3);

  border-radius: 50%;

  margin-right: 20px;

 

}



.page-svg .svg-inner-box{position: relative; left: -3px; top: -3px; right: 0; bottom: 0; opacity: 0;  }

.page-svg .svg-inner-box.active{ opacity: 1;}

.page-svg .svg-inner-box .circle{

  transition: all 23s;

  stroke-dasharray:314,314;

  stroke-dashoffset:314;

}



.page-svg .svg-inner-box.active .pro-svg .circle{

  stroke-dashoffset:0;

}





#section1{background: url(../images/bgimg1.jpg) no-repeat; background-size: 100%  100%;  background-position:  left center;  position: relative; padding-top: 1.82rem; padding-bottom: 1.9rem; }

.section1-container{margin: 0 11.25%;}

.section1-left{width: 67%;flex-wrap: wrap; justify-content: space-between; padding-right: 11%;}

.section1-left .sec1-item{ width: 48%;  background: #ffffff;box-shadow: 0px 13px 19px 0px rgba(0, 0, 0, 0.02); margin-bottom: .51rem; padding-top: .53rem; padding-left: .36rem; padding-bottom: .54rem; transform: translateY(0); transition: all .3s;}

.sec1-item-bg{ width: 2.06rem; top: 0; right: 0;}

.sec1-item .sec1-p2{font-size: 18px;font-weight: 600;color: #666666;line-height: 25px;letter-spacing: 3px;}

.sec1-item .sec1-p1{font-size: 19px;font-weight: 600;color: #009933;line-height: 28px;margin-bottom: .47rem;}

.sec1-item .sec1-p1 span{font-size: .67rem;font-weight: 600;color: #009933;line-height:.81rem;font-family: "DINBlackItalic"; margin-right: 5px;}

.section1-left .sec1-item:nth-child(2){background: transparent;box-shadow:none}

.sec1-tbg{width: 1.1rem; left: 0; top: .2rem;}

.sec1-title{display: flex; align-items: center; justify-content: flex-end;}

.sec1-title h4{font-size: .28rem;font-weight: 600;color: #444444;line-height: .42rem;letter-spacing: 1px; max-width: 85%;font-family: "SCHSCNMedium"; }



.section1-right{ width: 33%;}

.sec1-right-txt{ margin-bottom: .9rem;}

.sec1-right-txt p{font-size: 14px;color: #666666;line-height: 28px;letter-spacing: 1px; position: relative; padding-left: 10px; margin: 3px;font-family: "SCHSCNRegular";}

.sec1-right-txt p::after{position: absolute; left: 0; top: 14px; width: 4px; height: 4px; background: #009933; border-radius: 50%; content: '';}

.sec1-right-img{ margin-bottom: .82rem; }

.sec1-right-img p{font-size: 13px;color: #999999;line-height: 19px; margin-bottom: .19rem;}

.sec1-right-img-list{align-items: center;}

.sec1-right-img-list img{ height: .6rem; margin-right: .12rem; border: 1px solid transparent; transition: all .3s;}

.sec1-right-img-list span{font-size: 16px;color: #444444;letter-spacing: 2px;}

.sec1-right-btn a{ margin-right: 12px;}

.sec1-right-img-list img:hover{border: 1px solid #009933;}

#section2{ position: relative ; width: 100%;  height: 10rem; padding-top: 2.73rem; }
.sec2-bg{width: 100%; height: 100%; left: 0; top: 0; position: absolute; overflow: hidden;}
.sec2-bg img{width: 100%; height: 100%; object-fit: cover; opacity: 0; position: absolute; left: 0; top: 0;}
.sec2-bg img.on{opacity: 1;}

.sec2-contents{margin-left: 10%;  width: 20.5vw; background: rgba(0,0,0,0.71);}

.sec2-contents .sec2-content{display: none; padding:.46rem .39rem; position: relative;}

.sec2-contents .sec2-content.on{display: block;}

.sec2-contents .sec2-content h3{font-size: .48rem;color: #FFFFFF;line-height: .6rem; font-family: "DINBlackItalic";text-transform: uppercase; margin-bottom: .17rem;}

.sec2-contents .sec2-content h6{font-size: .24rem;color: #FFFFFF;line-height: .33rem;  margin-bottom: .39rem;}

.sec2-contents .sec2-content .sec2-content-p{font-size: 14px;color: #FFFFFF;line-height: 28px;  margin-bottom: .42rem;}

.sec2-content .more-a{width: 100%; left: 0; right: 0; height: .76rem; display: block; position: absolute; }

.sec2-content .more-a .common-more{width: 100%; line-height: .76rem;height: .76rem;}

.sec2-content .more-a .common-more p{ line-height: .76rem;height: .76rem;}

.sec2-content .more-a .common-more::after{border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;}

.sec2-tabs{top: 0; right: 0; bottom: 0; width: 12.5vw;background: rgba(0, 0, 0, 0.63); }

.sec2-tabs .sec2-item{height: calc(10rem / 4); padding-top: 9vh;   position: relative; cursor: pointer;}

.sec2-tabs .sec2-item::before{position: absolute; content: ''; width: 100%; height: 0; background: #009933; opacity: 0;transition: all .5s; left: 0; top: 0; z-index: 2;}

.sec2-item img{width: .6rem; margin: auto;position: relative; z-index: 3;}

.sec2-item p{font-size: 16px;font-weight: 500;color: #FFFFFF;line-height: 22px;letter-spacing: 3px; text-align: center;position: relative; z-index: 3;}

.sec2-tabs .sec2-item.on::before,.sec2-tabs .sec2-item:hover::before{ height: 100%; opacity: 1;}



#section3 { width: 100%; height: 100%; overflow: hidden; background: url(../images/bgimg3.jpg) no-repeat; background-size: 100% 100%; padding-top: 1.67rem; padding-bottom: 4.2rem;}

#section3 .ind-title{ z-index: 5; right: .56rem; top: 0; text-align: right;}

.section3-container{margin: 0px 9.4%; }

.sec3-list{justify-content: space-between; flex-wrap: wrap;}

.sec3-list .sec3-item{ width: 48%;padding-bottom: .82rem;}

.sec3-list .sec3-item:nth-child(even){transform: translateY(3.62rem);}

.sec3-item-img{padding: .56rem; overflow: hidden;}

.sec3-item-img img{width: 100%; box-shadow: 0 16px 23px rgb(0 0 0 / 10%); transform: scale(1); transition: all .5s;}

.sec3-item-num{right: 0.73rem; bottom: 0;font-size: 1.08rem;color: #FFFFFF;line-height: .94rem;font-family: "DINCondBlack"; transition: all .3s;}

.sec3-txt{padding-left: .56rem; max-width: 90%;}

.sec3-txt h4{font-size: .24rem;font-weight: 600;color: #444444;line-height: .44rem; margin-bottom: .26rem; transition: all .3s;}

.sec3-txt p{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;  }

#section3 .sec3-more{left: 16%; bottom: -6%;}

#section3 .sec3-more .common-more{width: 2.34rem; height: .61rem; line-height: .61rem;}

#section3 .sec3-more .common-more::after{border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;}











#section4 {background: url(../images/bgimg4.jpg) no-repeat;  background-size: 100% 100%; background-position: left top; padding-top: 1.61rem; padding-bottom: 1.34rem;}

#section4 .section4-container{margin: 0 9.95%;}

.sec4-content {justify-content: space-between;}

.sec4-news-left{ width: 43%;}

.sec4-news-right{ width: 44.75%; margin-right: .17rem;background: #F0F3F6; padding: .69rem .9rem;}

.ind-news{position: relative; }

.ind-news-list{ padding-top: .46rem;}

.ind-news-item{display: flex; align-items: center; margin: .56rem auto;padding: 0 .3rem;}

.ind-news-item span{font-size: 16px;color: #444444;line-height: 18px; font-family: Arial;  font-weight: bold; margin-right: .77rem;}

.ind-news-item p{font-size: 16px;color: #444444;line-height: 22px;font-weight: 600; flex: 1; transition: all .3s;}

.ind-news-item:hover p{color: #009933;}

.sec4-news-right .ind-news h6{font-size: .24rem;font-weight: 600;color: #444444;line-height: .33rem; margin-bottom: .4rem;}



.ind-news-swiper .swiper-slide a{display: block; }

.ind-news-swiper  .ind-news-img{ width: 100%; height: 3.26rem; overflow: hidden; margin-bottom: .38rem;}

.ind-news-swiper  .ind-news-img img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all .5s;}

.ind-news-swiper .ind-news-txt span{font-size: .24rem; font-family: Arial; font-weight: bold;color: #444444;line-height: 28px;}

.ind-news-swiper .ind-news-txt h5{font-size: 18px;font-weight: 600;color: #444444;line-height: 25px; margin-top: .26rem; margin-bottom: .16rem;transition: all .5s;}

.ind-news-swiper .ind-news-txt p{font-size: 12px; color: rgba(68,68,68,0.57);line-height: 22px;}

.ind-swiper-item:hover .ind-news-img img{transform: scale(1.1);}

.ind-swiper-item:hover .ind-news-txt h5{ color: #009933;}

/* 首页新闻左右切换 */

.ind-news .swiper-button-next,.ind-news .swiper-button-prev{border: 1px solid #009933; top: .2rem; }

.ind-news .swiper-button-next{right: 0;}

.ind-news .swiper-button-prev{left: unset; right: 78px;}

.ind-news  .swiper-button-next::before,.ind-news  .swiper-button-prev::before{  background: #009933; }

.ind-news .swiper-button-next::after,.ind-news  .swiper-button-prev::after{  border-bottom: 1px solid #009933;border-left: 1px solid #009933; }

/* .ind-news .swiper-button-next:hover,.ind-news .swiper-button-prev:hover{background: #009933 !important;} */

.ind-news  .swiper-button-next:hover::before,.ind-news  .swiper-button-prev:hover::before{  background: #fff; }

.ind-news .swiper-button-next:hover::after,.ind-news  .swiper-button-prev:hover::after{  border-bottom: 1px solid #fff;border-left: 1px solid #fff; }

/* 地图 */

.contact-2{ overflow: hidden; margin-top:1rem;  height:7.8rem ; width: 100%;}

div#map{height: 100%;}

/* 科技创新 */

.innovate-section2{background: url(../images/others/innovate-bg.png) ,#f0f3f6;  background-repeat: no-repeat; background-position: .21rem .62rem; min-height: 3rem; padding-top: 1.3rem; }

.innovate-section2-container{margin: 0 8.83%;}

.innovate-section2-left{padding: .52rem; width: 40%; }

.innovate-section2-right{padding: .52rem .3rem; width: 60%; }

.inno-sec2-num span{ font-size: 1.25rem;font-weight: 900;color: #009933;line-height: 1.49rem;font-family: "DINCondBlack"; position: relative;}

.inno-sec2-num span::after{position: absolute; content: '+';font-size: .65rem;font-weight: 900;color: #009933;line-height: .77rem;font-family: "DINCondBlack";vertical-align: super;}

.inno-sec2-num p{font-size: 18px;font-weight: 600;color: #444444;line-height: 29px;font-family: "SCHSCNMedium";}

.inno-sec2-left-txt p{font-size: 18px;font-weight: bold;color: #444444;line-height: 29px;font-family: "SCHSCNBold";}

.inno-sec2-left-txt-span{font-size: 14px;font-weight: bold;color: #444444;line-height: 21px;font-family: "SCHSCNBold"; padding:.06rem  .11rem; border: 2px solid #444444;border-radius: 18px; margin-bottom: 12px; display: inline-block;}

.inno-martop112{margin-top: 1.12rem;}

.inno-martop128{margin-top: 1.28rem;}

.innovate-section2-right .new-page-title{margin-top: .39rem; margin-bottom: 1.2rem;}

.innovate-section2-right .new-page-title img{width: .92rem; height: .92rem;}

.inno-sec2-right-txt p{font-size: 14px;font-weight: 400;color: #666666;line-height: 28px;}

.innovate-section2-img{ justify-content: space-between; padding-bottom: 2.67rem; }

.innovate-section2-img img:nth-child(2){transform: translateY(1.37rem);}

.inno-sec2-RESEARCH{top: .14rem; right: .13rem;}

.innovate-section3{background: url(../images/others/innovate-bg1.jpg) no-repeat;background-size: 100% 100%;background-position: left top;padding-top: 1.3rem; padding-bottom: .6rem;}

.inno-sec3-content1{color: #fff;}

.inno-sec3-content1 .inno-sec3-con1-left{width: 50%; }

.inno-sec3-content1 .inno-sec3-con1-left h6{width: 50%; font-size:.38rem;font-weight: bold;color: #FFFFFF;line-height: .6rem;}

.inno-sec3-content1 .inno-sec3-con1-right{width: 50%;padding-left: 25%;}

.inno-sec3-content1 .inno-sec3-con1-right span{font-size: 14px;color: #FFFFFF;line-height: 30px; padding: .05rem .2rem; border: 1px solid #fff; border-radius: 30px; display: inline-block; margin-bottom: .2rem;}

.inno-sec3-content1 .inno-sec3-con1-right p{font-size: 16px;color: #FFFFFF;line-height: 30px;}

.inno-sec3-content2{border-top: 2px solid #fff; padding-top: .3rem; margin-top: 1.5rem;}

.inno-swiper{padding: 0 .8rem; position: relative;}

.inno-swiper .swiper-button-next,.inno-swiper .swiper-button-prev{width: 44px !important;height: 44px !important; border-radius: 50%; border: 1px dashed rgba(255,255,255,0.7); top: 35%;}

.inno-swiper .swiper-button-next::after,.inno-swiper  .swiper-button-prev::after{width: 12px; height: 12px; margin-top: -6px;}

.inno-swiper .swiper-button-next::before,.inno-swiper .swiper-button-prev::before{background: transparent;}

.inno-swiper .swiper-button-next::after{margin-left: -8px;}

.inno-swiper .swiper-button-prev::after{margin-left: -4px;}

.inno-sec3-swiper-title{color: #fff; background: #009933; padding: .1rem .15rem; border-radius: .2rem; display: inline-block; margin-top: .1rem;text-align: center; opacity: 0; transition: all .5s;}

.innovate-section4{background: url(../images/others/innovate-bg2.jpg) no-repeat; background-size: 100% 100%;background-position: left top;padding-top: 1.87rem; padding-bottom: 2.43rem;}

.inno-sec4-jb{bottom: 0; max-height: 90%; right: 4%; max-width: 35%;}

.inno-sec4-ball{left: 16%; top: 72%;}

.inno-sec4-content{ max-width: 65%;}

.inno-sec4-txt-title{margin-bottom: .76rem;}

.inno-sec4-txt-title h6{font-size: .36rem;font-weight: 600;color: #444444;line-height: .5rem;}

.inno-sec4-txt-title p{font-size: .22rem;color: #009933;line-height: 27px;letter-spacing: 1px;text-transform: uppercase;}

.inno-sec4-txt >span{font-size: 18px;font-weight: bold;color: #444444;line-height: 27px;font-family: "SCHSCNBold";}

.inno-sec4-txt p span{font-size: .32rem;font-weight: bold;color: #ffffff;line-height: .56rem;font-family: "SCHSCNBold";  background: #009933; padding: 0 .12rem;}

.inno-sec4-marleft{margin-left: 46%;}





.innovate-section5{background: url(../images/others/innovate-bg3.jpg) no-repeat; background-size: 100% 100%; background-position: left top; padding-top: 1.41rem;}

.innovate-sec5-list{flex-wrap: wrap;justify-content: space-between;}

.inno-sec5-litem1{ padding-left: .25rem;}

.inno-sec5-litem1 h6{font-size: .32rem;font-weight: bold;color: #009933;line-height: .48rem;font-family: "SCHSCNBold";}

.inno-sec5-litem1 h6 span{font-size: 1.25rem;font-weight: 900;color: #009933;line-height: 1.49rem; font-family: "DINCondBlack"; margin-right: .13rem;}

.inno-sec5-litem1 p{font-size: .22rem;font-weight: 500;color: #444444;line-height: .29rem;font-family: "SCHSCNMedium";}

.inno-sec5-litem{ width: 23.5%;  margin-bottom: .34rem; transform: translateY(0); transition: all .5s;}

.inno-sec5-litem img{width: 100%;}

.inno-sec5-litem .inno-item-txt{  left: 0; top: 55%; right: 0; bottom: 0;}

.inno-sec5-litem .inno-item-txt p{max-width: 80%; margin: auto; text-align: center; font-size: 18px;font-weight: 600;color: #444444;line-height: 27px;}



/* footer */



footer{background: #2F3130;padding-top: .56rem;  }

footer .footer{flex: 1; }

footer .footer .footer-content-top { padding-bottom: .7rem; }

footer .footer-logo{ width: 2.4rem; margin-bottom: .49rem; margin-top: 9px;}



footer .footer-tell{  width: 16%;}

footer .footer-tell p{font-size: 14px;font-weight: 600;color: #FFFFFF;line-height: 43px; display: flex; align-items: center; margin-bottom: 3px;}

footer .footer-tell img{ width: 12px; margin-right: 6px;}

footer .footer-tell span{ font-size: .32rem;color: #FFFFFF;line-height: 38px;font-family: "DINBlackItalic";}

footer .footer .footer-content-top  .footer-left{width: 42%;padding-left:7% ;padding-right:7% ;}

.footer .footer-content-top  .footer-left .footer-list{color: #FFFFFF; }

footer .footer-list{align-items: center;  flex-wrap: wrap; }

footer .footer-list a{color: rgba(255,255,255,1) ; width: 33.333%; line-height: .43rem;font-size: 14px;font-weight: 600;transition: all .3s ;}



footer .footer-codes{ display: flex; align-items: center; justify-content: space-between;width: 18%;}

footer .footer-codes .f-code-box{ margin-right:.33rem ;}

footer .footer-codes .f-code-box img{ width: 1.14rem;}

footer .footer-codes .f-code-box p{font-size: 12px;line-height: 17px; color: rgba(255,255,255,0.7); text-align: center; margin-top: 10px;}

.footer-right{width: 24%;display: flex;flex-wrap: wrap;justify-content: flex-end; }

.footer-right .copyright ,.footer-right .copyright a{font-weight: 400;color: rgba(255,255,255,0.7);line-height: 17px; font-size: 12px; transition: all .3s ;}







@media(min-width: 1000px){

  /* .section1-list-item:hover img,.sec3-apply-list img:hover{transform: translateY(-10px);} */

  /* .common-more.more-bg-green:hover{transform: translateY(-10px);} */

  footer .footer-list a:hover{color: rgba(255,255,255,0.7);}

  .footer-right .copyright a:hover{color: rgba(255,255,255,1);}

}

@media (max-width: 780px){

  #section0{height: 100vh; overflow: hidden; }

  #section0 .swiper-container .swiper-slide img{height: 100%; width: 100%; object-fit: cover;}

  .weui-flex-warp{ flex-wrap: wrap;}

  .weui-flex-warp-item{ width: 100% !important; flex: unset !important;}

  .m-none{display: none !important; }

  .pad30-m{padding: 30px !important;}

  .more-box::after{width: .3rem; left: -.185rem; margin-top: -1px;}

  .common-more{width: 2rem;height: .65rem;line-height: .65rem;}

  .ind-title h5{font-size: .5rem; }

  .ind-title span,.section3-right-item-txt .section3-right-item-txt-p h6{font-size: 18px;}

  .ind-title p{font-size: 18px; line-height: .4rem;}

  header{height: 60px;padding: 0 .3rem;box-shadow: 0 4px 5px rgb(0 0 0 / 10%); }

  .logo{width: 2rem; height: 26px;}

  .header-nav{position: fixed; top: 60px;left: 0;right: 0; bottom: 0; background: #fff;box-sizing: border-box; display: none;  height: auto;margin-left: 0; }

  .header-nav ul li >a{color: #333;}

  .sub-nav .sub-nav-right{padding: 0;}

  .sub-nav .nav-item a{margin-bottom: 0rem;}

  .header-nav ul{flex-wrap: wrap;  width: 100%; height: unset;}

  .header-nav ul li{border-bottom: 1px solid rgba(226, 226, 226, 1);width: 100%;height: unset; flex-wrap: wrap;}

  .header-nav ul li >a{width: 100%;text-align: center; line-height: 60px;}

  .sub-nav{position: relative; top: 0; height: 0;}

  .sub-nav.on{height: 100%;}

  .sub-nav .nav-item a{justify-content: center;}

  .sub-nav .nav-item .more-box{display: none;}

  .banner-txt{left: 30px; right: 30px;}

  #section1{ background-position: left bottom;}

  .section1-left .section1-txt{max-width: 100%;}

  .section1-left{padding-top: 30px; padding-right: 0;}





  #section2 .section2-txt{margin-top: 4rem;}

  .sec2-contents{width: 80%;}

  .sec2-tabs{width: 100vw; display: flex;  bottom: unset;}

  .sec2-tabs .sec2-item{width: 50%; padding: .2rem; height: unset;}

  .section2-p2,.section3-content .section3-content-left p,.section6-txt .section6-p2,.ql-item-title p{font-size: 16px;}

  footer{padding-top: 0;}

  footer .footer .footer-content-top .footer-left,.footer-right{padding-top: 30px;}

  footer .footer-logo{width: 2.6rem;}

  .footer-right-code img{width: 2rem; height: 2rem;}

  footer .footer-codes{justify-content: left;}

  footer .copyright p{font-size: 12px;}

  footer .footer .footer-content-top .footer-left{padding-left: 0; padding-right: 0; padding-bottom: 30px;}

  .section3-content .section3-content-right{padding-left: 0; margin-top: .3rem;}

  .sec3-plus{margin-left: .5rem;}

  .section4-p2{font-size: 16px !important; margin-bottom: .5rem;}



 #section0 .swiper-button-next, #section0 .swiper-button-prev{top: 95vh;}

 .banner-info{top: 91vh;}

 .quality-list .quality-list-item{margin-bottom: .3rem; height: unset;}

 .ql-item-img{position: relative;}

 .my-swiper-scrollbar{width: 1rem;    left: calc(5% + .4rem);}



 .section1-left .section1-txt p,.section1-left .section1-txt p span{font-size: 16px;}

 .section6-txt{position: relative; top: 0;}

 .section6-content .section6-img{width: 100%;}

 #section2 .section2-txt{max-width: 100%;}

}





#section0 .swiper-slide .banner-txt{transform: translateY(40%); transition: all 1s ease; transition-delay: 0.3s; opacity: 0;}

#section0 .swiper-slide.active .banner-txt{transform: translateY(0); opacity: 1;}

@keyframes updown {

  0% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

  }

}

.updown{

  -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}

.delay600{

  -webkit-animation-delay: .6s;

    animation-delay: .6s;

    -ms-animation-delay: .6s;

    -moz-animation-delay: .6s;

    -o-animation-delay: .6s;

}

.delay900{

  -webkit-animation-delay: .9s;

    animation-delay: .9s;

    -ms-animation-delay: .9s;

    -moz-animation-delay: .9s;

    -o-animation-delay: .9s;

}







@keyframes myfadeup{

  0%{

    opacity: 0;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);}

    100%{

      opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    }

}

.myfadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

@keyframes point1 {

  0% {

    transform:scale(.8);

  }



  50% {

    transform: scale(1.2);

  }



  100% {

    transform: scale(.8);

  }

}



.point1 {

  -webkit-animation-name: point1;

  animation-name: point1;

}

@keyframes myrotate {

  0%{-webkit-transform:rotate(0deg);}

  25%{-webkit-transform:rotate(90deg);}

  50%{-webkit-transform:rotate(180deg);}

  75%{-webkit-transform:rotate(270deg);}

  100%{-webkit-transform:rotate(360deg);}

}

/* 内页-公用 */

.ban-mouse{position: absolute; left: 0; right: 0; bottom: .54rem; height: .5rem;  display: flex; align-items: center;justify-content: center;}

.ban-mouse span{display: inline-block; width: 35px; height: 45px; background: #009933; border-radius: 40px; position: absolute; left: 50%; margin-left: -17.5px;}

.jiantou{display: inline-block; width: 20px; height: 1px; background: #ffffff; position: absolute; left: 50%;  margin-left: -11px;}

.jiantou::after{position: absolute; content: ''; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg);  margin-top: -4px; margin-left: 11px;}

.ban-mouse .jiantou{transform: rotate(90deg); }



.page-title{ align-items: center; font-size: 0; justify-content: space-between; }

.page-title .page-title-item{background: #FFFFFF; text-align: center; padding: .26rem ; transition: all .5s; position: relative;}



.page-title .page-title-item::before{position: absolute; content: '';top: 0; bottom: 0;  z-index: 5; background: transparent; opacity: 0; transform: scale(0); animation-delay: .2s; transition: all .5s ease-in;}

.page-title .page-title-item::after{position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; opacity: 0;z-index: 3;transition: all .5s;

  background: linear-gradient(

  to bottom right,

  rgba(0, 0, 0, 0) 0%,

  rgba(0, 0, 0, 0) calc(50% - 1px),

  rgba(255, 255, 255, 0.11) 50%,

  rgba(0, 0, 0, 0) calc(50% + 1px),

  rgba(0, 0, 0, 0) 100%

);}

.page-title .page-title-item.pagtitle-wid4::before{left: 25%; width: 50%;}

.page-title .page-title-item.pagtitle-wid2::before{left: 35%; width: 30%;}

.page-title .page-title-item p{font-size: 18px;font-weight: bold;color: #444444;letter-spacing: 3px;line-height: 27px; margin-bottom: 10px;transition: all .5s; position: relative; z-index: 6;font-family: "SCHSCNBold";}

.page-title .page-title-item span{font-size: 12px;font-weight: bold;color: #BABABA;line-height: 18px;text-transform: uppercase;transition: all .5s; position: relative;z-index: 6;font-family: "SCHSCNBold";}

.page-title .page-title-item.on,.page-title .page-title-item:hover{background: #009933;} 

.page-title .page-title-item.on::before,.page-title .page-title-item:hover::before{opacity: 1;background: #009933; transform: scale(1);animation-delay: 0s; } 

.page-title .page-title-item.on::after,.page-title .page-title-item:hover::after{opacity: 1;} 

.page-title .page-title-item.on p,.page-title .page-title-item.on span,.page-title .page-title-item:hover p,.page-title .page-title-item:hover span{color: #ffffff;} 

.pagtitle-wid4{width: 24.3%;}

.pagtitle-wid2{width: 49.3%;}







.plist{flex-wrap: wrap; align-items: center; justify-content: space-between;}

.litem{background: #FFFFFF;}

.item-img{ width: 100%; overflow: hidden;}

.item-img img{ width: 100%;  height: 100%; object-fit: cover; transform: scale(1); transition: all .5s;}

.inner-banner{position: relative;}

.inner-banner img{object-fit: cover; width: 100%; height: 100%;}

.litem:hover img{ transform: scale(1.1);}

/* 分页 */

.news-pages{text-align: center;}

.pagination a{font-size: .24rem; font-family: Arial;}

.news-pages .pagination>.active>a,.news-pages .pagination>.active>a:focus,.news-pages .pagination>.active>a:hover,.news-pages .pagination>.active>span,.news-pages .pagination>.active>span:focus,.news-pages .pagination>.active>span:hover,.news-pages  .pagination>li>a:hover{background: transparent; color: #009933;}

.news-pages  .pagination>li>a,.news-pages  .pagination>li>span{color: #BABABA; background-color: transparent; border: 0; height: .44rem; width: .44rem; border-radius: 50%; line-height: .44rem; text-align: center; padding: 0; margin-right: .05rem;}

.news-pages  .pagination>li.prev>a,.news-pages  .pagination>li.next>a{border: 1px dashed #bababa;transition: all .3s;}

.news-pages  .pagination>li.prev>a{margin-right: .3rem;} 

.news-pages  .pagination>li.next>a{margin-left: .3rem;} 

.news-pages  .pagination>li.prev>a span,.news-pages  .pagination>li.next>a span{position: absolute; top: 50%; left: 50%; display: inline-block; width: 10px; height: 10px; border-top:2px solid #BABABA;border-left: 2px solid #BABABA;margin-top: -5px; transition: all .3s;}

.news-pages  .pagination>li.prev>a span{transform: rotate(-45deg); margin-left: -3px;}

.news-pages  .pagination>li.next>a span{transform: rotate(135deg); margin-left: -8px;}

.news-pages  .pagination>li.prev>a:hover,.news-pages  .pagination>li.next>a:hover{border: 1px dashed #009933;}

.news-pages  .pagination>li.prev>a:hover span,.news-pages  .pagination>li.next>a:hover span{border-top:  2px solid #009933;border-left: 2px solid #009933;}



.bg-f0f3f6{background: #f0f3f6;}

/* 工程案例-内页 */

.pcase{padding-top: .5rem;}

.pcase-list{margin-top: .5rem; }

.pcase-list .litem{width: 32.5%;  margin-bottom: .4rem;}

.pcase-list .litem .item-img{height: 3.6rem;}

.pcase-list .litem .item-txt{ text-align: center; padding: .43rem;}

.pcase-list .litem .item-txt p{ font-size: .24rem;font-weight: 500;color: #444444;line-height: .36rem ;font-family: "SCHSCNMedium";}

.pcase-mtop{margin-top: .2rem; margin-bottom: 1.1rem;}

/* 产品中心-内页 */

.product-banner-box{position: fixed; top: 0; left: 0;z-index: 50;}

.product-banner{width: 100vw; height: 3.3rem; transition: all .5s;}

.product-banner img{width: 100%; }

.pro-ban-container{ left: 0; right: 0; top: 1.44rem; bottom: 0;}

.pro-ban-txt{width: 100%; height: 100%; align-items: center; justify-content: space-between;}

.pro-ban-item{width: 20.67%; height: 100%;  display: flex; align-items: center; justify-content: center; background: transparent; transition: all .5s;}

.pro-ban-con img{width: .6rem; margin: auto;transition: all .5s;}

.pro-ban-con p{font-size: 16px; font-weight: 500;color: #FFFFFF;line-height: 22px;letter-spacing: 3px; margin-top: .1rem;transition: all .5s;}

.pro-ban-item.on,.pro-ban-item:hover{background: #009933;}





.pro-sec2{padding-top: 1.12rem; background: url(../images/product/bg.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 1.5rem; margin-top: 3.3rem;}

.pro-sec2 h4{font-size: .36rem;font-weight: 500;color: #444444;line-height: .5rem; margin-bottom: 0.8rem; text-align: center;}

.pro-sec2-swiper{ position: relative; height: 6rem; }

.pro-slide-item{ padding: 0  0 0.3rem 0;height: 5.81rem; display: block;}

.pro-slide-item-img{ width: 100%;height: 80%;  transition: all .5s;z-index: 6;  overflow: hidden;  top: 10%; box-shadow: none; }

.pro-slide-item-img img{width: 100%;  object-fit: cover; height: 100%;}

/* .pro-sec2-swiper .swiper-slide.swiper-slide-active .pro-slide-item  span{z-index: 8; color: #009933;} */



.pro-item-txt{ left: 0; bottom: 13%; right: 0; height: .5rem; z-index: 7; display: flex; align-items: center;}

.pro-item-txt p{font-size: 18px;font-weight: 500;color: #FFFFFF;line-height: 25px;letter-spacing: 2px; padding-left: .23rem;}

.pro-slide-item span{position: absolute; bottom: -.22rem; right:0.13rem ;font-size: 1.25rem;font-weight: 900;color: #FFFFFF;line-height: 1.49rem;font-family: "DINCondBlack";z-index: 5; transition: all cubic-bezier(0.6, -0.28, 0.735, 0.045) ;}





.pro-sec2-swiper .swiper-button-next,.pro-sec2-swiper  .swiper-button-prev{width: .64rem !important; height: .64rem !important; border-radius: 50%;border: 1px dashed #999999;}

.pro-sec2-swiper .swiper-button-next{right: -1rem;}

.pro-sec2-swiper .swiper-button-prev{left: -1rem;}

.pro-sec2-swiper  .swiper-button-next::before,.pro-sec2-swiper  .swiper-button-prev::before{background: transparent;}

.pro-sec2-swiper  .swiper-button-next::after,.pro-sec2-swiper  .swiper-button-prev::after{width: .16rem;height: 0.16rem; margin-top: -0.08rem;border-bottom: 3px solid #999;border-left: 3px solid #999;}

.pro-sec2-swiper  .swiper-button-next::after{margin-left: -0.1rem;}

.pro-sec2-swiper  .swiper-button-prev::after{margin-left: -0.04rem;}

.pro-sec2-swiper .swiper-button-next:hover,.pro-sec2-swiper  .swiper-button-prev:hover{background: transparent !important;border: 1px dashed #009933;}

.pro-sec2-swiper  .swiper-button-next:hover::after,.pro-sec2-swiper  .swiper-button-prev:hover::after{border-bottom: 3px solid #009933;border-left: 3px solid #009933;}


.pro-sec3{padding-top: 2.5rem; margin-top: -2.5rem;}
.pro-sec3-content{padding-top: 1.8rem; padding-bottom: 1.7rem; display: none;}
.pro-sec3-content.active{display: flex;}
.pro-sec3 .common-more::after{border-bottom: 2px solid #fff;border-right: 2px solid #fff;}

.pro-sec3-con-left{width: 41%; text-align: center;}

.pro-sec3-con-left img{max-width: 100%; margin: auto; }

.pro-sec3-con-left a{margin:.5rem auto; display: inline-block;}

.pro-sec3-con-right{ width: 59%; padding-left: 5.8vw;}



.pro-sec3-right-txt .pro-sec3-r-t{display: flex; align-items: center; padding-bottom: .36rem; border-bottom: 2px solid #444444;}

.pro-sec3-right-txt .pro-sec3-r-t h5{font-size: .36rem;font-weight: 600;color: #444444;line-height: .5rem;}

.pro-sec3-right-txt .pro-sec3-r-t span{font-size: 18px;font-weight: 600;color: #009933;line-height: 25px;border: 2px solid #009933;border-radius: 33px; padding: .06rem .18rem; margin-left: .19rem;}

.pro-sec3-r-p{ padding: .28rem 0 .36rem;}

.pro-sec3-r-p h6,.pro-sec3-r-img h6{font-size: 16px;font-weight: 500;color: #444444;line-height: 22px; }

.pro-sec3-r-p p{font-size: 16px;font-weight: 400;color: #444444;line-height: 28px;}

.pro-sec3-r-p-borbottom{border-bottom: 1px solid #BABABA;}

.pro-sec3-r-img{padding-top: .44rem; border-top: 2px solid #444444;}

.pro-sec3-r-img-list{flex-wrap: wrap; margin-top: .29rem;}

.pro-sec3-r-img-list img{  margin-right: 2%; margin-bottom: .15rem;}

/* 新闻中心 */

.new-section2{padding-top: .49rem; }

.new-section2 .page-title{ margin-bottom: .68rem;}

.new-section2-title{display: flex; justify-content: space-between; align-items: center;}

.new-page-title{display: flex; align-items: center;}

.new-page-title img{width: .7rem; margin-right: .15rem;}

.new-page-title div h5{font-size: .36rem;font-weight: 600;color: #444444;line-height: .5rem; margin-bottom: 4px;}

.new-page-title div span{font-size: .22rem;color: #BABABA;line-height: 27px;letter-spacing: 1px;text-transform: uppercase;font-family: "DINMediumItalic";}

.new-section2-title-right{color: #333333;font-size: 14px;line-height: 20px;font-weight: 500; display: flex; align-items: center;}

.new-section2-title-right a{font-size: 14px;font-weight: 400;color: #B7B9BB;line-height: 20px; display: inline-block;background: #FFFFFF;width: .99rem;height: 0.42rem; line-height: 0.42rem; text-align: center; margin-left: 0.1rem;transition: all .3s;}

.new-section2-title-right a:first-child{margin-left: .3rem;}

.new-section2-title-right a:hover{color: #009933;}



.new-section2-content{margin-top: 0.86rem; display: flex; flex-wrap: wrap;justify-content: space-between; }

.new-section2-content .new-section2-item{width: 32%;  padding: 0.23rem 0.55rem;background: #FFFFFF;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); transition: all .5s ease; cursor: pointer; margin-bottom: 0.31rem;}

.new-section2-item-title span{font-size: 14px;color: #888888;line-height: 28px;text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05);font-family: "Arial"; transition: all .5s ease;}

.new-section2-item-title p{font-size: 18px;font-weight: 600;color: #333333;line-height: 28px;text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05); margin-top: 0.24rem; margin-bottom: 0.44rem; transition: all .5s ease; height: 56px;}

.new-section2-item-img{height: 2.51rem; margin-bottom: 0.34rem;}

.new-section2-item-img img{object-fit: cover; width: 100%; height: 100%;}

.new-section2-item-txt p{font-size: 14px;font-weight: 400;color: #888888;line-height: 24px; height: 48px; text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05);transition: all .5s ease;}



.new-section2-item-txt-link{display: flex; align-items: center; margin: 0.32rem 0;}

.new-section2-item-txt-link a{display: inline-block; height: .38rem; line-height: 0.38rem; padding: 0 .14rem; text-align: center; margin-right: 0.12rem;background: #F2F3F4;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);color: #888888;transition: all .3s ease;}



.news-a-more{display: block; text-align: center;padding-top: .09rem ; padding-bottom: .19rem;font-size: 14px;color: #333333;line-height: 39px;text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05); border-top: 2px solid #333;transition: all .5s ease;}

.new-section2-item:hover{background: #009933; }

.new-section2-item:hover .new-section2-item-title span,.new-section2-item:hover .new-section2-item-title p,.new-section2-item:hover .new-section2-item-txt p,.new-section2-item:hover .new-section2-item-txt-link a{color: #fff;}

.new-section2-item:hover .new-section2-item-txt-link a{background:rgba(242, 243, 244, 0.15) ;}

.new-section2-item:hover .news-a-more{border-top: 2px solid #fff;color: #ffffff;}

.new-section2-item:hover .news-a-more .more-icon{background: #fff; }

.new-section2-item:hover .news-a-more .more-icon::after{border-left: 10px solid #FFFFFF;}

.pnews-mtop{margin-top: .33rem; margin-bottom: .93rem;}

/* 新闻详情页 */

.news-detail-container{margin: 0 5.27%;}

.news-detail-title{background: transparent; position: fixed; top: 0; height: 106px; left: 0; right: 0;z-index: 5;}

.news-detail{background: #F2F3F4; padding-top: 1.54rem;}

.news-detail-link{display: flex; align-items: center; justify-content: space-between;}

.news-detail-link div,.news-detail-link div a ,.news-detail-link div span{font-size: 12px;font-weight: 400;color: #888888;line-height: 17px;}

.news-detail-link div span{color: rgba(51, 51, 51, 1); font-size: 18px;}

.news-details{margin-top:0.2rem ;  justify-content: space-between; margin-bottom: 0.5rem;}

.news-details-content{background: #ffffff; width: 72.5%;}

.news-details-content-top{padding:0.57rem 1.18rem 0.57rem 1.41rem;}

.news-details-content-top h3{text-align: center;font-size: 0.28rem;font-weight: 500;color: #444444;line-height: 0.4rem; margin-bottom: 0.16rem;}

.news-details-content-top p span{font-size: 14px;font-weight: 400;color: #999999;line-height: 0.2rem; margin-top: 0.16rem; margin-right: 0.45rem;}

.news-detail-contents{font-size: 16px; margin-top: 0.5rem;}

.news-detail-contents p{font-size: 16px; font-weight: 400;color: #666666;line-height: 34px;}

.news-detail-contents img{margin:0.4rem auto ;}

/* .news-detail-contents *{font-size: inherit;} */

.news-details-content-bottom{ height: 0.98rem; border-top: 1px solid rgba(237, 237, 237, 1);}

.news-details-content-bottom-item{flex:1; display: flex; align-items: center; justify-content: center; }

.news-details-content-bottom-item a{font-size: 16px;font-weight: 400;color: #666666;line-height: 22px;transition: all .3s;}

.news-details-content-bottom-item:not(:last-child){border-right: 1px solid rgba(237, 237, 237, 1);}

.news-detaill-icon-left{margin-right: 0.2rem;}

.news-detaill-icon-right{margin-left: 0.2rem;}

.news-detaill-icon{display: inline-flex; position: relative; width: 32px; height: 1px;background: rgba(153, 153, 153, 1);transition: all .3s;}

.news-detaill-icon::after{content: '';position: absolute;width: 8px; height: 1px;background: rgba(153, 153, 153, 1); transition: all .3s;}

.news-detaill-icon-left::after{left:0;transform: rotate(-45deg);top: -3px;}

.news-detaill-icon-right::after{right:0;transform: rotate(45deg);top: -3px;}

.news-details-content-bottom-item a:hover{color: #009933;}

.news-details-content-bottom-item a:hover .news-detaill-icon,.news-details-content-bottom-item a:hover .news-detaill-icon::after{background: #009933;}

/* 新闻详情-推荐列表 */

.news-details-recommend{width: 26%;  background: #ffffff; min-height: 20px;height: 100%; padding: 0.2rem 0.42rem 0.2rem 0.35rem;}

.news-details-recommend h4{font-size: 18px;font-weight: 500;color: #009933;line-height: 0.25rem; margin-bottom: 0.03rem;}

.news-details-recommend-item{padding: 0.28rem 0; cursor: pointer;border-bottom: 1px solid rgba(237, 237, 237, 1);}

.news-details-recommend a:last-child .news-details-recommend-item{border-bottom: 0px solid rgba(237, 237, 237, 1); }

.news-details-recommend-item h5{font-size: 16px;font-weight: 500;color: #555555;line-height: 22px;margin-bottom: 0.1rem; transition: all .3s;}

.news-details-recommend-item span{font-size: 12px;font-weight: 500;color: #999999;line-height: 17px;}

.news-details-recommend-item:hover h5{color: #009933;}

/* 技术支持-内页 */

.technology-sec2{padding-top: .5rem; padding-bottom: .51rem;}

.technology-sec3-item{align-items: center;  margin-bottom: .15rem;background: #FFFFFF;}

.technology-sec3-item-left{padding: .51rem 5.21rem .51rem .43rem;}

.technology-sec3-item-left h5{font-size: .24rem;font-weight: 600;color: #333333;line-height: 36px; transition: all .5s;font-family: "SCHSCNMedium";}

.technology-sec3-item-left p{font-size: 16px;color: #666666;line-height: 28px; margin-top: .23rem;font-family: "SCHSCNRegular";}

.tech-more{ width: 17.8%;  top: 0; bottom: 0; right: 0; border-left: 1px dashed #E3E3E3;  display: flex;align-items: center; justify-content: center; }

.tech-more::before{background: #009933;position: absolute; left: 0; top: 0; bottom: 0; content: ''; z-index: 2; width: 0; transition: all .5s;}

.tech-more p{font-size: 14px;color: #009933;line-height: 19px; position: absolute;z-index: 4;transition: all .5s;}

.tech-more::after{position: absolute; width: 7px; height: 7px; border-bottom:2px solid #009933; border-right: 2px solid #009933; content: ''; right:14px ;transition: all .5s; bottom: 14px;z-index: 3;}

.ptechnology-mtop{margin-top: .64rem; margin-bottom: 1.01rem;}

/* 施工工艺-内页 */

.service-sec3-item{cursor: pointer;}

.service-sec3-item-left{padding: .28rem 3rem .28rem .24rem;}

.service-sec3-img{width: 22vw; overflow: hidden;}

.service-sec3-txt{ flex: 1; padding-left: .55rem;}

.service-sec3-txt h5{font-size: .36rem;font-weight: 500;color: #333333;line-height: .54rem;font-family: "SCHSCNMedium"; margin-bottom: .36rem;margin-top: .36rem; transition: all .5s; }

.service-sec3-txt p{font-size: 16px;color: #666666;line-height: 28px;margin-bottom: .36rem;}

.service-sec3-a{display: flex;align-items: center;}

.service-sec3-a a{display: inline-block; padding: .09rem .34rem;border: 2px solid #444444;font-size: 16px;font-weight: 500;color: #444444;font-family: "SCHSCNMedium"; margin-right: 10px;transition: all .5s; }

.service-more{width: 15%;}

.service-sec3-item:hover .service-sec3-img img{ transform: scale(1.1);}

.service-sec3-item:hover .service-sec3-txt h5{color: #009933;}

.service-sec3-a a:hover{border: 2px solid #009933;color: #009933;}

/* 常见问题-内页 */

.problem-sec3-item{background: #fff; padding: .52rem .50rem .50rem; margin-bottom: 15px; align-items: center; cursor: pointer;}

.problem-sec3-item-left{flex: 1; padding-right: 4rem;}

.problem-sec3-item-left h5{font-size: .24rem;font-weight: 600;color: #333333;line-height: 36px; transition: all .5s;font-family: "SCHSCNMedium";}

.problem-sec3-item-left p{font-size: 16px;color: #666666;line-height: 28px; margin-top: .23rem; display: none;font-family: "SCHSCNRegular";}

.problem-more-btn{width: 44px; height: 44px; border: 1px dashed #009933; border-radius: 50%; position: relative; margin-left: .3rem;}

.problem-more-btn::before{width: 15px; height: 1px; background: #009933; position: absolute; content: ''; left: 50%; top: 50%; margin-top: -0.05px; margin-left: -7.5px;}

.problem-more-btn::after{width: 15px; height: 1px; background: #009933; position: absolute; content: ''; left: 50%; top: 50%; margin-top: -0.05px; margin-left: -7.5px; transform: rotate(-270deg); transition: all .5s ease-in-out;}

.problem-more-btn.on::after{ transform: rotate(0);}

/* 意见反馈-内页 */

#QandA{ padding-top: .51rem; padding-bottom: 2.59rem; }

.QandA-left{width: 45%;  }

.QandA-left img{max-width: 5.97rem;margin-right: 1rem; margin-top: 1.4rem;float: right;}

.QandA-right{width: 53%;  margin-right: 11.51%;}

.QandA-right .new-page-title img{width: .86rem;}

.form-box{margin-top: 0.65rem; }

.form-box .form-group {margin-bottom: 0;}

.form-box .form-group label{font-family: "SCHSCNRegular";color: #333333; font-size: 16px;line-height: 24px; margin-bottom: 15px; font-weight: 400; }

.form-box .form-group label span{color: red; margin-right: 7px;}

.form-box-line1{justify-content: space-between; margin-bottom: 0.45rem;}

.form-box-line1 .form-group{width: 32%;}

.form-box .form-control{border: 0; box-shadow: unset; background: #fff;line-height: 50px; }

.form-box-line2 .form-group{width: 60%; align-items: center;  }

.form-box-line2 {justify-content: space-between;align-items: center; margin-top: 0.46rem;}

.form-box-line2 .form-group label{width: 90px; margin-bottom: 0; }

.form-box-line2 .form-group span{margin-left: 20px;}

.form-box-line1 .form-control,  .form-box-line2 .form-control{height: 50px; }

.form-box-line2 button{height: 50px; line-height: 50px;background: #009933;border-radius: 3px; color: #ffffff; padding: 0; width: 1.67rem;outline: none; border: 0 !important; transition: all .3s; transform: translateX(0);}

button:focus,button:active {outline: 0 !important;  border: 0 !important;} 

.form-box-line2 button:hover{background: #009933; color: #ffffff;  }

/* 招贤纳士- 内页 */

.joinus-sec2{padding-top: .52rem; padding-bottom: .6rem;}

.joinus-sec2 .new-page-title img{width: .66rem; height: .66rem;}

.joinus-sec3-box{margin-bottom: 12px; background: #fff; box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.03);}

.joinus-sec3-item{  padding: .3rem; align-items: center; cursor: pointer;}

.joinus-sec3-item-left{flex: 1;}

.joinus-sec3-item-left h5{font-size: 20px;font-weight: 600;color: #333333;line-height: 30px; transition: all .5s;font-family: "SCHSCNMedium";margin-bottom: .23rem;}

.joinus-sec3-item-left p span{font-size: 14px;color: #999999;line-height: 21px;  transition: all .5s; margin-right: .35rem;}

.joinus-sec3-apply-content{  padding:0 .3rem .3rem; display: none;}

.joinus-sec3-apply-content p{font-size: 14px;color: #666666;line-height: 28px;}

.apply-btn{display: inline-block;  padding: .1rem .28rem; background: #009933; margin-top: .28rem;border-radius: .23rem;transition: all .5s; color: #fff;font-size: 16px;font-family: "SCHSCNRegular"; margin-bottom: .3rem;}

/* 关于我们 */



.about-container{margin: 0 4.40%;}

.about-sec2{ padding-top: .86rem; padding-bottom: 1.17rem;}

.about-sec2-left{width: 50%;display: flex; justify-content: baseline;}

.about-sec2-left .about-sec2-left-title,.about-sec2-left-time{width: 50%; position: relative;}

.about-sec2-left-title::after{position: absolute; content: ''; top: 5vw; right: .8rem; width: 1.2rem; height: 1px; background: #979797;}

.about-sec2-left .about-sec2-left-title img{ width: 0.44rem;}

.about-sec2-left .about-sec2-left-title h4{ font-size: .36rem;font-weight: 600;color: #444444;line-height: .5rem; margin-top: .18rem; margin-bottom: .1rem;}

.about-sec2-left .about-sec2-left-title span{ font-size: .22rem;color: #BABABA;line-height: 27px;letter-spacing: 1px;}

.about-sec2-left-time{padding-top: .4rem;}

.about-sec2-left-time::after{position: absolute; content: ''; top: 5vw; right: .8rem; width: 1.2rem; height: 1px; background: #979797;}

.about-sec2-left-time p{font-size: 17px;font-weight: 600;color: #444444;line-height: 24px;}

.about-sec2-left-time p:nth-child(2){color: #009933;}

.about-sec2-left-time p span{font-size: .67rem;color: #009933;line-height: .81rem;font-family: "DINBlackItalic";}

.about-sec2-right{width: 50%;}

.about-sec2-right p{font-size: 14px;font-weight: 400;color: #444444;line-height: 32px;font-family: "SCHSCNRegular";}

.about-sec2-img{margin-top: .45rem; display: flex; flex-wrap: wrap;  }

.about-sec2-img img{ width: 31.5%; margin-right: 15px; margin-top: 10px;}

.about-sec3 >img{width: 100%;}

.about-sec3-txt{left: 0; right: 0; top: 0; bottom: 0;  padding-top: 13vw;}

.about-sec3-txt h3{font-size: .58rem;font-weight: bold;color: #FFFFFF;line-height: .88rem;font-family: "SCHSCNBold"; text-align: center;width: 80%; margin: auto; margin-bottom: .57rem; }

.about-sec3-list{ width: 60%; margin: auto; justify-content: space-between}

.about-sec3-item{}

.about-sec3-item p{font-size: 18px;font-weight: 600;color: #FFFFFF;line-height: 25px;letter-spacing: 3px; margin-top: 7px;}

.about-sec3-item span{font-size: .67rem;color: #FFFFFF;line-height: .81rem;margin-right: .05rem; font-family: "DINBlackItalic";}

.about-sec3-item i{font-size: 19px;font-weight: 600;color: #FFFFFF;line-height: 28px; font-style: normal; position: absolute; top: 0; right: 0;}

.about-sec3-item >div { position: relative;font-size: 19px;font-weight: 600;color: #FFFFFF;line-height: 28px;  display: inline-block;  }

.about-sec4{padding-top: 1.04rem;}

.about-sec4-txt{ margin-top: .69rem; margin-bottom: 1.3rem;}

.about-sec4-txt-left,.about-sec4-txt-mid,.about-sec4-txt-right{width: 33.333%; }

.about-sec4-txt-left {padding-left: 1.8rem; padding-right: .5rem; display: flex; align-items: center;}

.about-sec4-txt-right {padding-left: 0.8rem; display: flex; align-items: center;}

.about-sec4-txt-mid img{margin: auto; width: 3.9rem;}

.about-title h5{font-size: .42rem;font-weight: 800;color: #444444;line-height: .63rem; margin-bottom: .23rem;font-family: "SCHSCNBold";}

.about-title p{font-size: 16px;font-family: "SCHSCNBold";font-weight: 600;color: #444444;line-height: 24px;}

.about-sec4-h6{font-size: .24rem;font-weight: bold;color: #444444;line-height: .36rem;font-family: "SCHSCNBold"; margin-bottom: .16rem; }

.about-sec4-p p{font-size: 14px;font-weight: 400;color: #444444;line-height: 28px;font-family: "SCHSCNRegular";}

.about-sec5{background: url(../images/about/about-bg3.jpg) no-repeat; background-size: 100% 100%; padding-top: 1.08rem;  padding-bottom: 1.2rem;  overflow: hidden;}

.about-sec5  .about-title h5{line-height: .63rem ; margin-bottom: .1rem;}

.about-sec5  .about-title p{font-size: .24rem;line-height: 36px;}

.about-sec5-memorabilia{ margin-top: 1.15rem; height: 12rem; overflow: hidden; padding-bottom: 1.03rem; position: relative; }

.about-sec5-memorabilia .swiper-container{height: 100%; }

.memorabilia-slide{ min-height: 2rem; }

.memorabilia-slide-year{width: 1.03rem; height: 1.03rem; background: rgba(255,255,255,0.98); border-radius: 50%;font-size: .27rem;color: #009933;line-height: 1.03rem; text-align: center;font-family: "DINBoldItalic"; margin: auto; position: relative;}

.memorabilia-slide-year::after{position: absolute; content: ''; width: 1px; height: 100%; background: #fff; left: 50%; top: 100%;}

/* .about-sec5-memorabilia .swiper-slide:last-child .memorabilia-slide-year::after{background: transparent; } */

.memorabilia-slide-content{ background:rgba(0,0,0,0.08) ; width: 34vw;  padding: .3rem; position: absolute; max-height: 2.6rem;}

.memorabilia-slide-content::after{position: absolute; content: '';  /*top: 50%; */  margin-top: -7px; top: .3rem;

  width: 0;

  height: 0;

  border-top: 9px solid transparent;

  border-left: 12px solid rgba(0,0,0,0.08);

  border-bottom: 9px solid transparent;

}
.memorabilia-slide-innercontent{width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden;}

.slide-left{left: 6vw; top: 0.2rem;}

.slide-left.memorabilia-slide-content::after{right: -12px;}

.slide-right{right: 6vw; top: 0.2rem;}

.slide-right.memorabilia-slide-content::after{left: -12px; transform: rotate(180deg);}

.memorabilia-slide-content p{font-size: 18px;font-weight: 500;color: #FFFFFF;line-height: 27px; margin: 5px; font-family: "SCHSCNMedium";}

.about-sec5-memorabilia .swiper-button-next{width: 1.03rem !important; height: 1.03rem !important;border-radius: 50%;left: 50%;margin-left: -0.515rem; background: #fff !important;top: 92%; }

.about-sec5-memorabilia .swiper-button-next::after{position: absolute; content: ''; width: 12px; height: 12px; left: 50%; top: 50%; border-bottom: 1px solid #009933;border-right: 1px solid #009933; transform: rotate(45deg); margin-top: -10px; margin-left: -6px;}

.about-sec5-memorabilia .swiper-button-next::before{position: absolute; content: ''; width: 12px; height: 12px;left: 50%; top: 50%;  border-bottom: 1px solid #009933;border-right: 1px solid #009933; transform: rotate(45deg);margin-top: -2px; margin-left: -6px;}

.about-sec5-memorabilia .swiper-button-next.swiper-button-disabled{opacity: 1; cursor: not-allowed;}

.about-sec6{ padding-top: 1.13rem;}

.about-sec6  .about-title h5{line-height: .63rem ; margin-bottom: .1rem;}

.about-sec6  .about-title p{font-size: .24rem;line-height: 36px;color: #999999;}

.about-sec6-honnor{flex-wrap: wrap; justify-content: space-between; }

.about-sec6-honnor-item{background: #F8F9F9;  width: 24.3%; margin-bottom: .18rem; }

.about-sec6-honnor-item .item-img{padding: .39rem .35rem 0 .35rem; overflow: hidden; height: 3.16rem;}

.about-sec6-honnor-item .item-img img{object-fit: contain;  transform: scale(1); transition: all .5s;}

.about-sec6-honnor-item .item-txt{padding: .23rem; text-align: center;}

.about-sec6-honnor-item .item-txt p{font-size: 16px;font-weight: 600;color: #444444;line-height: 22px;}

.honnor1 .about-sec6-honnor-item:nth-child(1){width: 49.3%;}

.honnor1{margin-top: .71rem;}

@keyframes bigtosmall {

    0% { 

    opacity: 1;

    -webkit-transform: scale(1.1); 

    -ms-transform: scale(1.1); 

    transform: scale(1.1);

    }

    100% { 

    opacity: 1;

    -webkit-transform: scale(1); 

    -ms-transform: scale(1); 

    transform: scale(1);

    }

  }

  .bigtosmall{

    -webkit-animation-name: bigtosmall;

    animation-name: bigtosmall;

    transform-origin: 50% 50%;

  }

  @media(min-width: 1000px){
    .inno-swiper-item:hover .inno-sec3-swiper-title{opacity: 1;}
    .pro-slide-item:hover .pro-slide-item-img{box-shadow: 0 4px 5px rgb(0 0 0 / 25%); }
    .sec3-list .sec3-item:hover .sec3-txt h4,.sec3-list .sec3-item:hover .sec3-item-num{color: #009933;}

    .sec3-list .sec3-item:hover .sec3-item-img img{transform: scale(1.1);}
    .product-banner.on .pro-ban-container{top: 1.3rem;}

    .product-banner.on{height: 2.3rem;}

    .product-banner.on .pro-ban-con img{width: .48rem;}

    .product-banner.on .pro-ban-con p{margin-top: 0;}

    /* .pro-sec2-swiper .swiper-slide.swiper-slide-active .pro-slide-item{width: 110%;height: 6.5rem;} */
     .pro-slide-item:hover{width: 110%;height: 6.5rem;}

    

    /* .pro-sec2-swiper .swiper-slide.swiper-slide-active .pro-slide-item  .pro-slide-item-img{ top: 0; height: 90%;} */
    .pro-slide-item:hover  .pro-slide-item-img{ top: 0; height: 90%;}
    .pro-slide-item:hover span{z-index: 8; color: #009933;}
    .innovate-sec5-list .inno-sec5-litem:last-child:nth-child(4n + 2) {

      margin-right: calc((100% - 23.5%) / 3 * 2);

    }

    .innovate-sec5-list .inno-sec5-litem:last-child:nth-child(4n + 3) {

      margin-right: calc((100% - 23.5%) / 3 * 1);

    }

    .honnor2 .about-sec6-honnor-item:last-child:nth-child(4n + 2) {

      margin-right: calc((100% - 24.3%) / 3 * 2);

    }

    .honnor2 .about-sec6-honnor-item:last-child:nth-child(4n + 3) {

      margin-right: calc((100% - 24.3%) / 3 * 1);

    }

    .new-section2-item:last-child:nth-child(3n + 2){ margin-right: calc((100% - 32%) / 2);}

    .pcase-list .litem:last-child:nth-child(3n + 2) {

      margin-right: calc((100% - 32.5%) / 2);

    }

    .joinus-sec3-item:hover .joinus-sec3-item-left h5,.problem-sec3-item:hover .problem-sec3-item-left h5{ color: #009933;}

    .apply-btn:hover{ transform: translatex(10px);color: #fff;}

    .technology-sec3-item:hover .technology-sec3-item-left h5{color: #009933;}

    .technology-sec3-item:hover .tech-more p{ color: #ffffff;}

    .technology-sec3-item:hover .tech-more::before{width: 100%;}

    .technology-sec3-item:hover .tech-more::after{border-bottom:2px solid #ffffff; border-right: 2px solid #ffffff;}

    .about-sec6-honnor-item:hover .item-img img{transform: scale(1.1);}

    .inno-sec5-litem:hover{transform: translateY(-10px);}

    .section1-left .sec1-item:hover{transform: translateY(-10px);}

    .form-box-line2 button:hover{ transform: translateX(-10px); }
    .slide-left{top:-.6rem;height: 2rem;}
 
    .slide-left.memorabilia-slide-content::after{top: 50%;}

  }

  .contact-2 .BMap_bubble_content{padding: .1rem ;}

  .map-title{margin-top: .3rem;padding-left: .2rem ;}

  .map-title p{color: #444; font-size: .26rem; font-weight: bold; }

  .map-title span{color: #999; font-size: 14px; text-transform: uppercase;font-family: "DINBoldItalic"; }

  .map-info-box{margin-top: .3rem; position: relative; }

  .map-info-txt{position: absolute; right: -.62rem; top: -.6rem;writing-mode: tb-rl; color: #009933; font-weight: bold; font-size: .5rem;text-transform: uppercase;font-family: "DINBlackItalic";}

  .map-info-box ul{list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; }

  .map-info-box ul li{ width: 50%; padding: .1rem;}

  .map-info-box ul li span{  color: #999; font-size: 14px;}

  .map-info-box ul li p{  color: #444; font-size: 16px;}

  .contact-2 .BMap_pop{padding: .3rem;transform: translate(3.5rem, 1.20rem);}
  .contact-2.BMap_shadow,.contact-2 .BMap_shadow img,.contact-2 .BMap_shadow div{display: none;}
  .contact-2 .BMap_pop .BMap_top, .contact-2 .BMap_pop .BMap_center,.contact-2 .BMap_pop .BMap_bottom, .contact-2 .BMap_pop div:nth-child(3) div,.contact-2 .BMap_pop div:nth-child(1), .contact-2  .BMap_pop div:nth-child(5){border: 0 !important;}

  .contact-2  img[src="http://api0.map.bdimg.com/images/iw3.png"] { content: '';}

  img[src="https://api.map.baidu.com/images/iw3.png"] {

    opacity: 0;

    margin-top: -692px !important;

    filter: alpha(opacity=70);

    content: '';

}

.contact-2 .BMap_pop div:nth-child(9){overflow: unset !important; }

  /* .contact-2 .BMap_pop .BMap_top{border-top: 0px solid #ababab;}

  .contact-2 .BMap_pop .BMap_center{border-left: 0px solid #ababab;border-right: 0px solid #ababab;}

  .contact-2 .BMap_pop .BMap_bottom{border-bottom: 0px solid #ababab;} */

  @media(max-width: 780px){

    .page-title .page-title-item{width: 49%; margin-bottom: .15rem;}

    .page-title .page-title-item span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;max-width: 100%; display: block;}

    .news-detail-title{display:none;}

    .news-details-content-bottom{height: unset;}

    .news-details-content-bottom-item{padding: .3rem;border-bottom:1px solid rgba(237, 237, 237, 1);}

    .news-details-content-bottom-item:not(:last-child){border-right:0}

    .news-details-content-bottom-item a{line-height: 30px;}

    .news-details-recommend{margin-top: .5rem;padding: 0.5rem 0.42rem 0.2rem 0.35rem; }

    .technology-sec3-item-left h5{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; font-size: 16px; }

    .tech-more{width: 32.8%;}

    .technology-sec3-item-left { padding: .51rem 2.5rem .51rem .43rem;}

    .problem-sec3-item-left {padding-right: 15px;}

    .problem-sec3-item-left h5{font-size: 16px;}

    .mobile_more{text-align: center; color: #999; font-size: 14px; padding: .5rem;}

    .form-box-line2 .form-group ,.form-box-line2 .form-group label{ width: 100%; margin-bottom: 15px;}

    .QandA-right{margin-right: 0;}

    .QandA-right .form-box{margin-top: 0;}

    .QandA-right .new-page-title{padding: 50px 30px 0;}

    .service-sec3-item-left{padding: 30px;}

    .service-sec3-txt{padding-left: 0; padding-top: 30px;}

    .service-sec3-item{padding-bottom: 1.2rem;}

    .service-more{width: 100%; top: unset; height: 1rem; border-top: 1px dashed #E3E3E3; border-left: 0;}

    .about-sec3-txt h3{font-size: .32rem; line-height: 28px;width: 90%;margin-bottom: .3rem;}

    .about-sec3-list{width: 90%;}

    .about-sec3-txt,.innovate-section5{padding-top: 20px;}

    .about-sec3-item{width: 50%; text-align: center; }

    .about-sec3-item p,.about-sec3-item i,.about-sec3-item >div{font-size: 14px;}

    .about-sec3-item span{font-size: .5rem; }

    .about-sec4-txt-left,.about-sec4-txt-right{padding-left: 15px; padding-right: 15px;}

    .about-sec4-txt-mid img{margin: .3rem auto;}

    .about-sec5-memorabilia .swiper-container{padding-top: 5rem; }

    .memorabilia-slide-content{width: 80vw; max-height: 250px; height: 250px; max-height: 250px; overflow-y: auto;}

    .slide-left{transform: translateY(-120%);}

    .slide-right{transform: translateY(-120%);}

    .about-sec5-memorabilia{height: unset;}

    .slide-left.memorabilia-slide-content::after{bottom: -15px; top: unset; left: 50%; transform: rotate(90deg); margin-left: -3.5px;}

    .slide-right.memorabilia-slide-content::after{bottom: -15px; top: unset; left: 50%;transform: rotate(90deg);margin-left: -3.5px;}

    .inno-sec5-litem1 p{font-size: 18px;}

    .innovate-section2-left,.innovate-section2-right{padding: .52rem 0;}

    .innovate-section2{padding-top: 0;}

    .inno-sec2-RESEARCH{width: 0.8rem;}

    .innovate-section2-img img:nth-child(2){transform: translateY(0);}

    .innovate-section2-img{padding-bottom: .5rem;}

    .innovate-section4{padding-top: .4rem; padding-bottom: 3.5rem; padding-left: .3rem; padding-right: .3rem;}

    .inno-sec4-content{max-width: 100%;}

    .inno-sec4-marleft{margin-left: 0;margin-top: .3rem;}

    .inno-swiper{padding: 0 1.2rem; }

    .pro-sec3-con-right{padding-left: 0;}

    .pro-sec3-right-txt .pro-sec3-r-t span{font-size: 12px;}

    .product-banner{height: 4.5rem;}

    .pro-ban-item{width: 50%;}

    .pro-ban-con {margin: .2rem 0;}

    .pro-ban-container{top: unset;}

    .pro-sec2{margin-top: 4.5rem;padding-top: .6rem;}

    .pro-sec2 h4{margin-bottom: 0;}

    .pro-sec2-swiper .swiper-button-prev{left: .2rem;bottom: -1rem; top: unset;}

    .pro-sec2-swiper .swiper-button-next{right: .2rem;bottom: -1rem;top: unset;}

    .pro-slide-item{height: 7.6rem;}

    .pro-ban-item.on{background: transparent;}

    .inno-sec3-content1 .inno-sec3-con1-right{padding-left: 0;}

    .map-info-box ul li{ width: 100%; }

    .map-info-box{margin-top: .3rem; width: 70vw;}

    .contact-2{height: 10rem;}

    .ban-mouse{display: none;}

    .map-info-txt{  top: unset; bottom: .2rem;}

    #section0 .swiper-button-prev{right: 2rem;}

    #section1{padding-top: .3rem;}

    .section1-left .sec1-item{padding-left: .26rem;}

    .sec1-item-bg{width: 1.5rem;}

    .section1-container,#section4 .section4-container{margin: 0 5%;}

    #section3{padding-top: .5rem;padding-bottom: 2rem;}

    .section3-container{margin: 0;}

    .sec3-list .sec3-item:nth-child(even){transform: translateY(0);}

    .sec3-list{margin-top: 2.6rem;}

    #section3 .sec3-more{bottom: -2%;}

    #section4{padding-top: .5rem;}

    .ind-news-item{padding: 0;}

    .sec4-news-right{padding:.5rem .3rem;}

    .sec4-news-right .ind-news h6{ font-size: .36rem;}

    .page-svg{ margin-left: -10px; margin-top: -10px;width:20px; height: 20px;   }

    .svg-bg-box {width:18px; height: 18px;

      border: 1px solid rgba(255,255,255,0.3);

      border-radius: 50%;

      margin-right: 10px;

    

    }

    .swiper-button-next, .swiper-button-prev{width: 48px !important; height: 30px !important;}

    .technology-sec3-item-left h5{line-height: 26px;}

    .form-box-line2 button{width: 100%; margin-top: .3rem;}

    .about-sec5-memorabilia .swiper-button-next{margin-top: -24px;}

    .about-sec5-memorabilia{margin-top: .5rem;}

    .inno-sec5-litem{padding: 0 .15rem;}
    .contact-2 .BMap_pop{transform: translate(0, 0);}
    .about-sec2-img img{width: 44%;}
    .inno-sec3-swiper-title{opacity: 1;}
    .pro-sec2-swiper{height: unset;}
    .pro-sec3-r-img-list img{width: 100%;}
    
  }